

<section class="vbox" >
  <header class="bg-white-only header header-md navbar navbar-fixed-top-xs" id="header">
    <div class="navbar-header aside bg-info dk ">
      <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html" (click)="navToggle()">
        <i class="icon-list"></i>
      </a>
      <a href="index.html" class="navbar-brand text-lt">
        <i class="icon-earphones"></i>

        <span class="hidden-nav-xs m-l-sm">DIY</span>
      </a>
      <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
        <i class="icon-settings"></i>
      </a>
    </div>
    <ul class="nav navbar-nav hidden-xs">
      <li>
        <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs,open" class="text-muted">
          <i class="fa fa-indent text"></i>
          <i class="fa fa-dedent text-active"></i>
        </a>
      </li>
    </ul>

   <nav-right></nav-right>

  </header>






  <section>
    <section class="hbox stretch">
      <!-- .aside -->
      <aside class="bg-black dk aside"   style="z-index: 100;"  id="nav">
        <section class="vbox">
          <section class="w-f-md scrollable">
            <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



              <!-- nav -->
              <nav  class="nav-primary hidden-xs">
                <category-menu-left></category-menu-left>
                <ul class="nav" data-ride="collapse">
                  <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                    参与
                  </li>
                  <li >
                    <a (click)="isLogins(5)"  class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                      <i class="icon-screen-desktop icon">
                      </i>
                      <span>发布项目</span>
                    </a>

                  </li>
                  <li>

                    <a (click)="isLogins(2);false" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                      <i class="icon-user icon">
                      </i>
                      <span>个人中心</span>
                    </a>

                  </li>
                </ul>

              </nav>
              <!-- / nav -->
            </div>
          </section>
        </section>
      </aside>

      <router-outlet></router-outlet>





    </section>


</section>

</section>
